<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
		/*display用来改变元素的布局
		  常用属性：block 表示阻塞，块级元素，前后自带换行效果
		  inline-block:元素不阻塞，width与height生效
		  inline：内联元素，width与height失效
		  none:元素隐藏，且盒模型消失
		  visibility: hidden;元素隐藏，但还保留元素的盒模型
		  
		  */
		div{
			width: 200px;
			height: 200px;
			background-color: pink;
			/* display:inline-block; */
			/* display:none; */
			visibility: hidden;
		}
		
		</style>
	</head>
	<body>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<div></div>
		<button>ok</button>
	</body>
</html>
